<template>
  <div>
    <!-- 
      v-model：父子组件传值的语法糖(值的双向绑定)
         <子组件标签  :value="父组件的值" @input="父组件的值=$event" />
         <子组件标签  v-model="父组件的值"  />
         子组件内：props:{value:{type.....}}
                   this.$emit('input',$event的实参值)  
          默认传入子组件的属性名：value  事件名:input
            input事件做了什么？ 将value对应的值修改成传入的值($event)     
     -->
    <!-- <HmNum :value="value" @input="value = $event"> </HmNum> -->
    <HmNum v-model="value"> </HmNum>
    <hr />
    <!-- <HmFooter :value="type" @input="inputEvent"></HmFooter> -->
    <HmFooter v-model="type"></HmFooter>
  </div>
</template>
<script>
import HmNum from '@/components/HmNum.vue'
import HmFooter from '@/components/HmFooter.vue'
export default {
  data () {
    return {
      value: 10,
      type: 'all'
    }
  },
  components: {
    HmNum,
    HmFooter
  },
  methods: {
    inputEvent (str) {
      this.type = str
    }
  }
}
</script>
<style></style>
